<template>
    <div class="container">
            
                 <!-- <h1 style="text-align:center">欢迎您：{{ name }}</h1>
             
             <div id="wfcalendar" >
         <div class="calendar_header">
             <p style="width:33%"><i class="el-icon-caret-left" @click="monthtoleft"></i></p>
             <p style="width:34%;text-align:center" v-if="checkyeardisplay=='0'">
                 <span @click="checkyeardisplay='1'">{{thisyear}}</span>-
                 <span @click="checkyeardisplay='2'">{{thismonth&lt;=9?'0'+thismonth:thismonth}}</span>-
                 <span>{{today&lt;=9?'0'+today:today}}</span> <br>
                 <span>星期{{week[weekday]}}</span> 
             </p>
             <p style="width:34%;text-align:center" v-if="checkyeardisplay=='1'"><span>{{startyear}}年</span>-<span>{{endyeaar}}年</span></p>
             <p style="width:34%;text-align:center" v-if="checkyeardisplay=='2'"><span>{{thisyear}}年</span></p>
             <p style="width:33%;text-align:right"> <i class="el-icon-caret-right" @click="monthtoright"></i></p>
             
         </div>
         <hr>
         <ul class="wf-week" v-if="checkyeardisplay=='0'">
             <li v-for="(item,index) in week" :key="index"><span :class="{weektoday:index==weekday}">{{item}}</span></li>
         </ul>
         <ul class="wf-days" v-if="checkyeardisplay=='0'">
             <li v-for="(item,index) in daylist" :key="index" @click="checkday(item.day,item.ismonth)" :class='{check:thisyear==year&&thismonth==month&&item.day==today&&item.ismonth==1}'><span :class="{fontcolor:item.ismonth==0}">{{item.day}}</span></li>
         </ul>
         <ul class="checkyears" v-if="checkyeardisplay=='1'">
             <li v-for="(item,index) in checkyear" :key="index" :class="{check:item==thisyear}" @click="checkmonth(item)">{{item}}</li>
         </ul>
         <ul class="checkyears" v-if="checkyeardisplay=='2'">
             <li v-for="(item,index) in checkmonths" :key="index" :class="{check:item==thisyear}" @click="checkdays(index)">{{item}}</li>
         </ul>
     </div> -->
           
     <section id="img-one" class="img">
             <div>
                 <h1>五邑大学 欢迎您 !</h1>
             </div>
         </section>
         <section class="content-one">
 
             <div class="text-box">
                 <div class="cnt">
                     <h2>校 园 简 介</h2>
                     <p>
                        五邑大学是由广东省人民政府于1985年设立的以工科为主的多科性大学，是广东省较早获得硕士、学士学位授予权的地方高校，具有接收港澳台侨学生、国际学生资格和
                        推荐优秀应届本科毕业生免试攻读研究生资格，现为广东省高水平理工科大学建设高校、博士学位授予立项建设单位。
                        学校坚持践行“好学、多思、求实、创新”的校训，秉承“根植侨乡，服务社会，内外合力，特色发展”的办学
                       理念，积极培养思想品德高尚、基础知识扎实，具有国际化视野、较强实践能力和创新创业能力，适应地方经济社会发
                       展需求的高素质应用型人才。
                     </p>
                     <!-- <p>
                         <a href="#" class="btn"><strong>返回主页</strong></a>
                     </p> -->
                 </div>
             </div>
         </section>
         <section class="content-two">
             <div class="text-box">
                 <div class="cnt">
                     <h2>师 资 力 量</h2>
                     <p>
                        学校设有21个教学机构，78个本科专业（方向），涉及经、管、法、文、理、工、艺术等7个学科门类。现有国家级、省级一流本科专业建设点21个，国家级特色专业建设点、国家级专业综合改革试点5个，通过国家专业认证专业4个；省级重点（名牌）专业、特色专业建设点、省级应用型人才培养示范专业等39个。省级示范性产业学院2个、省级现代产业学院4个、省级专项人才培养计划建设项目4个、省级科产教融合实践教学基地建设项目6个，国家级大学生校外实践教育基地1个，省级大学生实践教学基地26个，省级示范性教师教育实践基地7个。

学校现有专任教师1200余人，其中具有博士学位教师占55%；拥有国家级、省级高层次人才25人；10人入选2024年全球前2%顶尖科学家。
                     </p>
                     <!-- <p>
                         <a href="#" class="btn">BEST <strong>WISHS</strong><em>FOR YOU</em></a>
                     </p> -->
                 </div>
             </div>
         </section>
         <section class="content-three">
             <div class="text-box">
                 <div class="cnt">
                     <h2>研 究 方 向</h2>
                     <p>
                        学校拥有广东省医学大动物模型重点实验室等省部级科研平台19个，广东省水质在线监测与治
                        理重点实验室等市厅级科研平台63个。学校聚焦国家战略和区域经济社会高质量发展，推进中国—太平洋岛国防灾减灾合作中心建设，设
                        立太平洋岛国研究院、中国侨乡非物质文化遗产研究院、华南生物医药大动物模型研究院、双碳研究院、广东侨乡文化研
                        究院等高水平科研机构，成立“中德（江门）人工智能研究院”“中德新材料创新中心”“纺织新材料粤港联合实验室”等一
                        批国（境）外共建创新平台
                     </p>
                     <!-- <p>
                         <a href="#" class="btn"><strong>返回主页</strong></a>
                     </p> -->
                 </div>
             </div>
         </section>
         <section id="img-two" class="img">
             <div class="text-box">
                 <div class="cnt">
                     <h2>未 来 展 望</h2>
                     <p>
                        学校坚持对外开放办学，发挥毗邻港澳优势，不断拓展国际交流合作渠道。与20多个国家和地区90多所高校
                        及科研机构建立合作关系。与美、日、澳等国家或地区20多所高校联合培养本科生和硕、博研究生。与澳门大学、北京师范大学—
                        香港浸会大学共同发起成立粤港澳大湾区西岸科技创新和人才培养合作联盟。

学校始终坚持以习近平新时代中国特色社会主义思想为指导，全面贯彻党的教育方针，落实立德树人根本任务，锚定总书
记赋予粤港澳大湾区“一点两地”全新定位，聚焦省委“1310”具体部署，以推动新质生产力加快发展为突破点，主动服务
国家重大发展战略，深度融入粤港澳大湾区建设，进一步全面深化改革，努力建成服务粤港澳大湾区能力突出、侨校特色
鲜明的高水平应用型大学。
                     </p>
                     <p>
                         <a href="#" class="btn"><strong>返回主页</strong></a>
                     </p>
                 </div>
             </div>
         </section>
         <section id="footer">
            <div>联系我们：</div>
            <div>wx:_chklove</div>
         </section>
        
    </div>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
 import {clickEffect} from '../../utils/hount'
 const myDate = new Date();
 export default {
     name: 'Dashboard',
   computed: {
     ...mapGetters([
       'name'
     ])
   },
    data() {
             return {
                 hrc:""
             };
             
         },
       
         mounted(){
             clickEffect();
         },
         
         
     };
 </script>
 

 
 <style lang="scss" scoped>
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 body {
     overflow-x: hidden;
     // margin-top: 56px;
 }
 
 .container {
     width: 100vw;
     height: auto;
 }
 
 section,
 #footer {
     height: 100vh;
     position: relative;
     color: rgba(255, 255, 255, 0.8);
     font-size: 10vh;
     font-family: 'modern_no._20regular',
         serif;
     text-shadow: 4px 4px rgb(46, 43, 43);
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 #footer {
     background-color: #c0b5aa;
     height: 25vh;
     color: #fff;
     font-size: 12vh;
     cursor: pointer;
 }
 
 .img {
     overflow: hidden;
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
     background-size: cover;
     user-select: none;
 
 }
 
 
 #img-one {
     background-image: url(../../assets/五口巴靓图/1.2.jpg);
     background-size: cover;
 }
 
 #img-two {
     background-image: url(../../assets/五口巴靓图/3.png);
 }
 
 .content-one {
     background: url(../../assets/img2.png) no-repeat fixed center;
     background-size: cover;
 }
 .content-two {
     background: url(../../assets/五口巴靓图/7.jpg) no-repeat fixed center;
     background-size: cover;
 }
 
 .content-three {
     background: url(../../assets/五口巴靓图/5.jpg) no-repeat fixed center;
     background-size: cover;
 }
 
 .text-box {
     width: 100%;
     height: 50%;
     position: absolute;
     bottom: 25%;
     text-align: center;
     background-color: rgba(0, 0, 0, .3);
     transform-origin: center bottom;
     transform: skew(0, -8deg);
 
 }
 
 .text-box .cnt {
     display: inline-block;
     text-align: right;
     margin: 40px 0 10px;
     width: 90%;
     max-width: 990px;
     transform-origin: right bottom;
     transform: skew(0, 8deg);
 }
 
 .cnt h2 {
     margin-top: 100px;
     font-size: 36px;
     font-family: 'modern_no._20regular',
         serif;
     text-shadow: 1px 0px 0px #323232;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     color: #fff;
     margin-bottom: 5px;
 }
 
 .cnt p {
     font-size: 25px;
     line-height: 1.7;
     margin-bottom: 10px;
     color: #fff;
 }
 
 .cnt a.btn {
     font-size: 90%;
     font-family: 'modern_no._20regular',
         serif;
     letter-spacing: 0.3em;
     text-shadow: 1px 0px 0px black;
     line-height: 2.8;
     display: inline-block;
     background-color: #eaeaea;
     color: #000;
     border: 3px solid #000;
     white-space: nowrap;
     text-decoration: none;
     padding: 0 20px;
     margin-top: 30px;
     border-radius: 10px;
 }
 .hrc{
     margin-left: 15px;
 }
 </style>